<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <link rel="shortcut icon" href="assets/images/favicon_1.ico">

        <title>Ubold - Responsive Admin Dashboard Template</title>

        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />

        <script src="assets/js/modernizr.min.js"></script>


    </head>


    <body class="fixed-left" id="do-nicescrol">

        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="btn-group pull-right m-t-15">
                    <button type="button" class="btn btn-default dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-expanded="false">Settings</button>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroupDrop1">
                        <a class="dropdown-item" href="extra-pricing.html#">Dropdown One</a>
                        <a class="dropdown-item" href="extra-pricing.html#">Dropdown Two</a>
                        <a class="dropdown-item" href="extra-pricing.html#">Dropdown Three</a>
                        <a class="dropdown-item" href="extra-pricing.html#">Dropdown Four</a>
                    </div>
                </div>

                <h4 class="page-title">定价表</h4>
                <p class="text-muted page-title-alt">欢迎来到Ubold管理面板 !</p>

            </div>
        </div>


        <div class="row pricing-plan">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-6 col-lg-6 col-xl-3">
                        <div class="price_card text-center">
                            <div class="pricing-header bg-primary">
                                <span class="price">$19</span>
                                <span class="name">起动器包</span>
                            </div>
                            <ul class="price-features">
                                <li>5 Projects</li>
                                <li>1 GB Storage</li>
                                <li>No Domain</li>
                                <li>1 User</li>
                                <li>24x7 Support</li>
                            </ul>
                            <button class="btn btn-primary waves-effect waves-light w-md">Sign Up</button>
                        </div> <!-- end Pricing_card -->
                    </div> <!-- end col -->

                    <div class="col-md-6 col-lg-6 col-xl-3">
                        <div class="price_card text-center">
                            <div class="pricing-header bg-pink">
                                <span class="price">$29</span>
                                <span class="name">专业包</span>
                            </div>
                            <ul class="price-features">
                                <li>15 Projects</li>
                                <li>5 GB Storage</li>
                                <li>2 Domain</li>
                                <li>10 User</li>
                                <li>24x7 Support</li>
                            </ul>
                            <button class="btn btn-pink w-md waves-effect waves-light">Sign Up</button>
                        </div>
                    </div> <!-- end col -->

                    <div class="col-md-6 col-lg-6 col-xl-3">
                        <div class="price_card text-center">
                            <div class="pricing-header bg-purple">
                                <span class="price">$39</span>
                                <span class="name">企业包</span>
                            </div>
                            <ul class="price-features">
                                <li>Unlimited Projects</li>
                                <li>10 GB Storage</li>
                                <li>10 Domain</li>
                                <li>100 User</li>
                                <li>24x7 Support</li>
                            </ul>
                            <button class="btn btn-purple w-md waves-effect waves-light">Sign Up</button>
                        </div> <!-- end Pricing_card -->
                    </div> <!-- end col -->

                    <div class="col-md-6 col-lg-6 col-xl-3">
                        <div class="price_card text-center">
                            <div class="pricing-header bg-success">
                                <span class="price">$49</span>
                                <span class="name">无限包</span>
                            </div>
                            <ul class="price-features">
                                <li>Unlimited Projects</li>
                                <li>100 GB Storage</li>
                                <li>50 Domain</li>
                                <li>Unlimited User</li>
                                <li>24x7 Support</li>
                            </ul>
                            <button class="btn btn-success w-md waves-effect waves-light">Sign Up</button>
                        </div> <!-- end Pricing_card -->
                    </div> <!-- end col -->

                </div> <!-- end row -->
            </div> <!-- end Col-10 -->
        </div> <!-- end row -->




        <div class="row">
            <!-- Pricing Item -->
            <div class="col-md-6 col-lg-6 col-xl-3">
                <div class="pricing-item">
                    <div class="pricing-item-inner">
                        <div class="pricing-wrap">
                            <!-- Icon (Simple-line-icons) -->
                            <div class="pricing-icon">
                                <i class="ion-plane text-success"></i>
                            </div>
                            <!-- Pricing Title -->
                            <div class="pricing-title text-success">
                                入门包
                            </div>
                            <!-- Pricing Features -->
                            <div class="pricing-features">
                                <ul class="sf-list pr-list">
                                    <li>5 Projects</li>
                                    <li>1 GB Storage</li>
                                    <li>No Domain</li>
                                    <li>1 User</li>
                                    <li>Free Support</li>
                                </ul>
                            </div>
                            <div class="pricing-num">
                                <sup>$</sup>99
                            </div>
                            <div class="pr-per">
                                per month
                            </div>
                            <!-- Button -->
                            <div class="pr-button">
                                <button class="btn btn-success w-md waves-effect waves-light">Sign Up</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Pricing Item -->

            <!-- Pricing Item -->
            <div class="col-md-6 col-lg-6 col-xl-3">
                <div class="pricing-item">
                    <div class="pricing-item-inner">
                        <div class="pricing-wrap">
                            <!-- Icon (Simple-line-icons) -->
                            <div class="pricing-icon">
                                <i class="ion-trophy text-purple"></i>
                            </div>
                            <!-- Pricing Title -->
                            <div class="pricing-title text-purple">
                                专业包
                            </div>
                            <!-- Pricing Features -->
                            <div class="pricing-features">
                                <ul class="sf-list pr-list">
                                    <li>5 Projects</li>
                                    <li>1 GB Storage</li>
                                    <li>No Domain</li>
                                    <li>1 User</li>
                                    <li>Free Support</li>
                                </ul>
                            </div>
                            <div class="pricing-num">
                                <sup>$</sup>199
                            </div>
                            <div class="pr-per">
                                per month
                            </div>
                            <!-- Button -->
                            <div class="pr-button">
                                <button class="btn btn-purple w-md waves-effect waves-light">Sign Up</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Pricing Item -->

            <!-- Pricing Item -->
            <div class="col-md-6 col-lg-6 col-xl-3">
                <div class="pricing-item">
                    <div class="pricing-item-inner">
                        <div class="pricing-wrap">
                            <!-- Icon (Simple-line-icons) -->
                            <div class="pricing-icon">
                                <i class="ion-umbrella text-pink"></i>
                            </div>
                            <!-- Pricing Title -->
                            <div class="pricing-title text-pink">
                                企业包
                            </div>
                            <!-- Pricing Features -->
                            <div class="pricing-features">
                                <ul class="sf-list pr-list">
                                    <li>5 Projects</li>
                                    <li>1 GB Storage</li>
                                    <li>No Domain</li>
                                    <li>1 User</li>
                                    <li>Free Support</li>
                                </ul>
                            </div>
                            <div class="pricing-num">
                                <sup>$</sup>299
                            </div>
                            <div class="pr-per">
                                per month
                            </div>
                            <!-- Button -->
                            <div class="pr-button">
                                <button class="btn btn-pink w-md waves-effect waves-light">Sign Up</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Pricing Item -->

            <!-- Pricing Item -->
            <div class="col-md-6 col-lg-6 col-xl-3">
                <div class="pricing-item">
                    <div class="pricing-item-inner">
                        <div class="pricing-wrap">
                            <!-- Icon (Simple-line-icons) -->
                            <div class="pricing-icon">
                                <i class="ion-paper-airplane text-warning"></i>
                            </div>
                            <!-- Pricing Title -->
                            <div class="pricing-title text-warning">
                                无限包
                            </div>
                            <!-- Pricing Features -->
                            <div class="pricing-features">
                                <ul class="sf-list pr-list">
                                    <li>5 Projects</li>
                                    <li>1 GB Storage</li>
                                    <li>No Domain</li>
                                    <li>1 User</li>
                                    <li>Free Support</li>
                                </ul>
                            </div>
                            <div class="pricing-num">
                                <sup>$</sup>399
                            </div>
                            <div class="pr-per">
                                per month
                            </div>
                            <!-- Button -->
                            <div class="pr-button">
                                <button class="btn btn-warning w-md waves-effect">Sign Up</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Pricing Item -->

        </div>

                   

        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/popper.min.js"></script><!-- Popper for Bootstrap -->
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.nicescroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>

        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>

    </body>
</html>